import React from 'react'
import ReactDOM from 'react-dom'

const title = <h1>react中的事件</h1>

// 定义一个函数式组件
const Com1 = () => {
  const fn = () => {
    console.log('鼠标进入')
  }
  return (
    <div
      onClick={() => console.log('click事件')}
      onMouseEnter={fn}
      onDoubleClick={() => {
        console.log('双击事件 ')
      }}>
      能处理鼠标进入或者点击事件
    </div>
  )
}

const content = (
  <div>
    {title}
    {<Com1 />}
  </div>
)

ReactDOM.render(content, document.getElementById('root'))
